<template>
  <div class="m-header">
    <h4 class="text">云奕音乐</h4>
     <router-link to="/user" class="mine" tag="div">
       <i class="iconfont icon-list"></i>
    </router-link>
     <router-link to="/search" class="search" tag="div">
       <i class="iconfont icon-sousuo"></i>
    </router-link>
  </div>
</template>

<script type="text/ecmascript-6">
export default {}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/mixin"
  .m-header
    position: relative
    height: 44px
    color: $color-text
    background-color :$color-huang-l
    font-size:0
    text-align: center;
    // .icon
    //   display: inline-block
    //   vertical-align: top
    //   margin-top: 6px
    //   width: 30px
    //   height: 32px
    //   margin-right: 9px
    //   bg-image('')
    //   background-size: 30px 32px
    .text
      display: inline-block
      vertical-align: top
      line-height: 44px
      font-size:  $font-size-medium-x
     .mine{
      float:left
      position: absolute
      top: 0px
      left: 2px
      .iconfont {
        display: block;
        padding: 12px;
        font-size: 22px;
        color: $color-theme-l;
      }
    }
    .search{
      position: absolute
      top: 0
      right: 2px
      .iconfont {
        display: block;
        padding: 12px;
        font-size: 22px;
        color: $color-theme-l;
    }
  }
</style>